@charset "UTF-8";
/*轮播样式*/

.flash,.flash .bd,.flash .bd1{overflow: hidden;position: relative;}
//---轮播箭头-----
%flash-arrow1{
  .prev,.next{position: absolute;top: 89px;width: 50px;height: 50px;}
  .prev{
     left: 0px;
     background:url("../images/c_prev1_on.png") center center no-repeat;
    &:hover{background:url("../images/c_prev1_on.png") center center no-repeat};
  }
   .next{
    right: 0px;
    background:url("../images/c_next1_on.png") center center no-repeat;
    &:hover{background:url("../images/c_next1_on.png") center center no-repeat};
  }
}
//----轮播标题-------与图片下端对齐 
%flash-imgdesc1{
 .imgdesc{height: 40px;filter: alpha(opacity=60);opacity: 0.6;background: #333;position: absolute;left: 0;bottom: 0px;width: 100%;}
 .imgdesc-txt{position: absolute;bottom: 0px;z-index: 2;height: 30px;  width: 100%;overflow: hidden;left: 0;}
 .imgdesc-txt li{  height: 40px;  line-height: 40px; width: 100%;  position: absolute;  bottom: 20px;}
 .imgdesc-txt li a{  font-size: 14px;  color: #FFF;}
}
//----轮播导航----
%flash-hd1{
  .hd{position: absolute;width: 100%;top: 190px;overflow: hidden;z-index: 2;text-align: right;}
  .hd{padding-right: 20px;}
  .hd li{ 
    float: right;
    width: 27px;
    height: 6px;
    margin-right: 6px;
    background: #E4E4E4; 
    border: none;
    &.on{background: $theme_2_1;}
  }
}
//-----图片与轮博客尺寸----图片大小与轮播框大小一样
@mixin flash1($width,$height){
  .bd,img,&{
    width: $width;
    height: $height;
  }
}
//-----图片与轮博客尺寸----图片大小与轮播框大小一样
@mixin flash2($width,$height,$width1,$height1){
  &{
    width: $width;
    height: $height;
  }
  .bd,img{
    width: $width1;
    height: $height1;
  }
}
.con02 .line0 #flash1{
   @include flash1(372px,247px);
   @extend %flash-imgdesc1;
   @extend %flash-hd1;
   @extend %flash-arrow1;
   .imgdesc,.imgdesc-txt,{bottom: 0px;text-align: center;}

}
.con05 .line1 #flash2{
   @include flash1(370px,223px);
    @extend %flash-imgdesc1;
   @extend %flash-hd1;
   @extend %flash-arrow1;

}

/*------------------------以下为slidebox-------------------------------------*/
%slide-hd1{
  position: relative;
  height: 42px;
  li{
     float: left;
    @include flc(14px, 42px,#fff,center);
    @include wah(112px,42px,none);
  }
  li.on{
    background: $theme_2_1;
    a{color: #fff;}
  }

}
%slide-hd2{
  position: relative;
  height: 42px;
  background: #EEEEEE;
  border-bottom: 1px solid #ccc;
  li{
    @include flc(16px, 42px,$theme_2_1,center);
    @include wah(100%,42px,none);
    font-weight: bold;
  }
  li.on{
    a{color:$theme_2_1; } 
  }

}
%slide-hd3{
  position: relative;
  height: 42px;
  /*font-weight: bold;*/
  background: #EEEEEE;
  border-bottom: 1px solid #ccc;
  li{
    float: left;
    @include flc(14px, 41px,#333333,center);
    @include wah(116px,41px,none);
  }
  li.on{
    background: #fff;
    border-top: 2px solid #0070CC;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    a{color: $theme_2_1;}
  }

}
%slide-more{
  position: absolute;
  top: 0;
  padding-right: 12px;
  right: 5px;
  background: url("../images/c_more.png") right center no-repeat; 
  font-size: 14px;
  a{color: #1E1E17;}
  line-height:36px;
}
.con01 .slidebox1{
  .hd{
    @include wah(100px,42px,left);
    @include flc(14px, 42px,#D60000,center);
    font-weight: bold;
  }
  .bd{
     @include wah( 580px,42px,left);
     overflow: hidden;
     li{
       float: left;
       height: 42px;
       @include flc(12px, 42px,#444444,center);
       span{
       @include flc(20px, 32px,#ccc,center);
        padding: 0 10px;
      }
     }
  }
}
.slidebox{
  .hd{ @extend %slide-hd1;}
  .more{@extend %slide-more;}
}
.slidebox2{
  .more{@extend %slide-more;}
  .hd{ @extend %slide-hd2;}
}
.slidebox3{
  .more{@extend %slide-more;}
  .hd{ @extend %slide-hd3;}
}
.con02 .c3-1 .slidebox{
  .hd{ border-bottom: 2px solid $theme_2_1;}
}
.con02 #slidebox2{
  .hd{ background: #EEEEEE;a{color: #535353;}}
  .hd li.on{a{color: #fff;}}
}
.con05 .c2-2 .slidebox3{
  .hd li{width: 68px;height: 33px;line-height: 33px;}
  .hd{height: 34px;}
}
.con06 .slidebox3,.con07 .slidebox3{
  .hd{height: 42px;}
  .hd li{
    height: 41px;
    line-height: 41px;

  }
  .more{
    line-height: 42px;
  }
}


/*----------------------------------picScroll*/
%picscroll{
   overflow:hidden; 
   position:relative; 
  .hd{ overflow:hidden;}
  .bd{ width: 875px;    height: 315px;    overflow: hidden;    margin: 25px 60px;  }
  .bd ul{ overflow:hidden; zoom:1; }
  .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
  .bd .title1{@include flc(14px, 28px,#111111,center);}
  .bd .title2{@include flc(14px, 20px,#545454,left);width: 158px;text-align: left;}
  .pic{padding: 5px;background: #fff;margin: 10px 0px 20px 0px;}
  .pic img{ width:139px; height:180px; display:block; }
}
%picscroll-arrow1{
  .prev,.next{position: absolute;top: 129px;width: 50px;height: 50px;}
  .prev{
     left: 0px;
     background:url("../images/c_prev3.png") center center no-repeat;
    /*&:hover{background:url("../images/c_prev1_on.png") center center no-repeat};*/
  }
   .next{
    right: 0px;
    background:url("../images/c_next3.png") center center no-repeat;
    /*&:hover{background:url("../images/c_next1_on.png") center center no-repeat};*/
  }
}
/*.con04 #picscroll1{
  @extend %picscroll;
  margin-top: 38px;
  @include wah(1000px,392px,none);
  background: url("../images/c04_line0_bg2.png") repeat; 
  @extend %picscroll-arrow1;
}*/

